<div class="header">Columns</div>

<div class="config-content">
    <div class="config_tool">
        <h3>background color</h3>
        <div class="block-content">
            <div class="va-content">
            	<div class="cssdesign">
            		<?php echo $app->displayStyleConfig ('Column background color', 'columns/bgcolor', 'color', 'background-color'); ?>
            	</div>
            </div>
        </div>
    </div>
    
    <div class="config_tool">
        <h3>Read more link</h3>
        <div class="block-content">
            <div class="va-content">
            	<div class="cssdesign">
            		<?php echo $app->displayStyleConfig ('Li tag separator', 'columns/separator', 'color', 'border-bottom-color'); ?>
            	</div>
            </div>
        </div>
    </div>
    
    <div class="config_tool">
        <h3>Li separator</h3>
        <div class="block-content">
            <div class="va-content">
            	<div class="cssdesign">
            		<?php echo $app->displayStyleConfig ('Read more link', 'columns/readmore_color', 'color', 'color'); ?>
            	</div>
            </div>
        </div>
    </div>
    
    <div class="config_tool">
        <h3>Price text color</h3>
        <div class="block-content">
            <div class="va-content">
            	<div class="cssdesign">
            		<?php echo $app->displayStyleConfig ('Price text color', 'columns/price_color', 'color', 'color'); ?>
            	</div>
            </div>
        </div>
    </div>
    
    <div class="config_tool">
        <h3>Block Header: Bottom Radius</h3>
        <div class="block-content">
            <div class="va-content">
            	<div class="selection">
            		<h4>Header Bottom Left Radius</h4>
                    <div class="select-design">
                        <div class="design-option<?php echo ($app->design->columns->header_bottom_left_radius->type == 'header_bottom_left_radius')  ? ' active' : ''; ?> header_bottom_left_radius"  id="view-design-columns-header_bottom_left_radius_on"><img src="media/img/header_bottom_left_raduis.png" height="82" width="82" alt="Radius on" title="With header bottom left radius" /></div>
                        <div class="design-option<?php echo ($app->design->columns->header_bottom_left_radius->type == 'none_hblr')  ? ' active' : ''; ?> none_hblr"  id="view-design-columns-header_bottom_left_radius_off"><img src="media/img/without_raduis.png" height="82" width="82" alt="Radius off" title="Without header bottom left radius" /></div>
                        <div class="clear"></div>
                    </div>
                    <div class="hide">
                		<input type="radio" class="choose_design" name="design-columns-header_bottom_left_radius" id="design-columns-header_bottom_left_radius_on" value="header_bottom_left_radius" <?php echo ($app->design->columns->header_bottom_left_radius->type == 'header_bottom_left_radius') ? 'checked="checked"' : ''; ?> /> <label for="design-columns-header_bottom_left_radius_on"> With header bottom left radius </label> <br />
                		<input type="radio" class="choose_design" name="design-columns-header_bottom_left_radius" id="design-columns-header_bottom_left_radius_off" value="none_hblr" <?php echo ($app->design->columns->header_bottom_left_radius->type == 'none_hblr') ? 'checked="checked"' : ''; ?> /> <label for="design-columns-header_bottom_left_radius_off"> Without header bottom left radius </label> <br />
                		<input type="hidden" id="design-columns-header_bottom_left_radius"  class="cssselector"  value="#columns" />
                    </div>
            	</div>
            	
            	<div class="selection">
            		<h4>Header Bottom Right Radius</h4>
                    <div class="select-design">
                        <div class="design-option<?php echo ($app->design->columns->header_bottom_right_radius->type == 'header_bottom_right_radius')  ? ' active' : ''; ?> header_bottom_right_radius"  id="view-design-columns-header_bottom_right_radius_on"><img src="media/img/header_bottom_right_raduis.png" height="82" width="82" alt="Radius on" title="With header bottom right radius" /></div>
                        <div class="design-option<?php echo ($app->design->columns->header_bottom_right_radius->type == 'none_hbrr')  ? ' active' : ''; ?> none_hbrr"  id="view-design-columns-header_bottom_right_radius_off"><img src="media/img/without_raduis.png" height="82" width="82" alt="Radius off" title="Without header bottom right radius" /></div>
                        <div class="clear"></div>
                    </div>
                    <div class="hide">
                		<input type="radio" class="choose_design" name="design-columns-header_bottom_right_radius" id="design-columns-header_bottom_right_radius_on" value="header_bottom_right_radius" <?php echo ($app->design->columns->header_bottom_right_radius->type == 'header_bottom_right_radius') ? 'checked="checked"' : ''; ?> /> <label for="design-columns-header_bottom_right_radius_on"> With header bottom right radius </label> <br />
                		<input type="radio" class="choose_design" name="design-columns-header_bottom_right_radius" id="design-columns-header_bottom_right_radius_off" value="none_hbrr" <?php echo ($app->design->columns->header_bottom_right_radius->type == 'none_hbrr') ? 'checked="checked"' : ''; ?> /> <label for="design-columns-header_bottom_right_radius_off"> Without header bottom right radius </label> <br />
                		<input type="hidden" id="design-columns-header_bottom_right_radius"  class="cssselector"  value="#columns" />
                    </div>
            	</div>
            </div>
        </div>
    </div>
    
    <div class="config_tool">
        <h3>Block Content: Top Radius</h3>
        <div class="block-content">
            <div class="va-content">
            	<div class="selection">
            		<h4>Top Left Radius</h4>
                    <div class="select-design">
                        <div class="design-option<?php echo ($app->design->columns->top_left_radius->type == 'top_left_radius')  ? ' active' : ''; ?> top_left_radius"  id="view-design-columns-top_left_radius_on"><img src="media/img/top_left_raduis.png" height="82" width="82" alt="Radius on" title="With top left radius" /></div>
                        <div class="design-option<?php echo ($app->design->columns->top_left_radius->type == 'none_tlr')  ? ' active' : ''; ?> none_tlr"  id="view-design-columns-top_left_radius_off"><img src="media/img/without_raduis.png" height="82" width="82" alt="Radius off" title="Without top left radius" /></div>
                        <div class="clear"></div>
                    </div>
                    <div class="hide">
                		<input type="radio" class="choose_design" name="design-columns-top_left_radius" id="design-columns-top_left_radius_on" value="top_left_radius" <?php echo ($app->design->columns->top_left_radius->type == 'top_left_radius') ? 'checked="checked"' : ''; ?> /> <label for="design-columns-top_left_radius_on"> With top left radius </label> <br />
                		<input type="radio" class="choose_design" name="design-columns-top_left_radius" id="design-columns-top_left_radius_off" value="none_tlr" <?php echo ($app->design->columns->top_left_radius->type == 'none_tlr') ? 'checked="checked"' : ''; ?> /> <label for="design-columns-top_left_radius_off"> Without top left radius </label> <br />
                		<input type="hidden" id="design-columns-top_left_radius"  class="cssselector"  value="#columns" />
            	   </div>
            	</div>
            	
            	<div class="selection">
            		<h4>Top Right Radius</h4>
                    <div class="select-design">
                        <div class="design-option<?php echo ($app->design->columns->top_right_radius->type == 'top_right_radius')  ? ' active' : ''; ?> top_right_radius"  id="view-design-columns-top_right_radius_on"><img src="media/img/top_right_raduis.png" height="82" width="82" alt="Radius on" title="With top right radius" /></div>
                        <div class="design-option<?php echo ($app->design->columns->top_right_radius->type == 'none_trr')  ? ' active' : ''; ?> none_trr"  id="view-design-columns-top_right_radius_off"><img src="media/img/without_raduis.png" height="82" width="82" alt="Radius off" title="Without top right radius" /></div>
                        <div class="clear"></div>
                    </div>
                    <div class="hide">
                		<input type="radio" class="choose_design" name="design-columns-top_right_radius" id="design-columns-top_right_radius_on" value="top_right_radius" <?php echo ($app->design->columns->top_right_radius->type == 'top_right_radius') ? 'checked="checked"' : ''; ?> /> <label for="design-columns-top_right_radius_on"> With top right radius </label> <br />
                		<input type="radio" class="choose_design" name="design-columns-top_right_radius" id="design-columns-top_right_radius_off" value="none_trr" <?php echo ($app->design->columns->top_right_radius->type == 'none_trr') ? 'checked="checked"' : ''; ?> /> <label for="design-columns-top_right_radius_off"> Without top right radius </label> <br />
                		<input type="hidden" id="design-columns-top_right_radius"  class="cssselector"  value="#columns" />
            	   </div>
            	</div>
            </div>
        </div>
    </div>
    
    <div class="config_tool">
        <h3>Block Content: Bottom Radius</h3>
        <div class="block-content">
            <div class="va-content">
            	<div class="selection">
            		<h4>Bottom Left Radius</h4>
                    <div class="select-design">
                        <div class="design-option<?php echo ($app->design->columns->bottom_left_radius->type == 'bottom_left_radius')  ? ' active' : ''; ?> bottom_left_radius"  id="view-design-columns-bottom_left_radius_on"><img src="media/img/bottom_left_raduis.png" height="82" width="82" alt="Radius on" title="With bottom left radius" /></div>
                        <div class="design-option<?php echo ($app->design->columns->bottom_left_radius->type == 'none_blr')  ? ' active' : ''; ?> none_blr"  id="view-design-columns-bottom_left_radius_off"><img src="media/img/without_raduis.png" height="82" width="82" alt="Radius off" title="Without bottom left radius" /></div>
                        <div class="clear"></div>
                    </div>
                    <div class="hide">
                		<input type="radio" class="choose_design" name="design-columns-bottom_left_radius" id="design-columns-bottom_left_radius_on" value="bottom_left_radius" <?php echo ($app->design->columns->bottom_left_radius->type == 'bottom_left_radius') ? 'checked="checked"' : ''; ?> /> <label for="design-columns-bottom_left_radius_on"> With bottom left radius </label> <br />
                		<input type="radio" class="choose_design" name="design-columns-bottom_left_radius" id="design-columns-bottom_left_radius_off" value="none_blr" <?php echo ($app->design->columns->bottom_left_radius->type == 'none_blr') ? 'checked="checked"' : ''; ?> /> <label for="design-columns-bottom_left_radius_off"> Without bottom left radius </label> <br />
                		<input type="hidden" id="design-columns-bottom_left_radius"  class="cssselector"  value="#columns" />
            	   </div>
            	</div>
            	
            	<div class="selection">
            		<h4>Bottom Right Radius</h4>
                    <div class="select-design">
                        <div class="design-option<?php echo ($app->design->columns->bottom_right_radius->type == 'bottom_right_radius')  ? ' active' : ''; ?> bottom_right_radius"  id="view-design-columns-bottom_right_radius_on"><img src="media/img/bottom_right_raduis.png" height="82" width="82" alt="Radius on" title="With bottom right radius" /></div>
                        <div class="design-option<?php echo ($app->design->columns->bottom_right_radius->type == 'none_brr')  ? ' active' : ''; ?> none_brr"  id="view-design-columns-bottom_right_radius_off"><img src="media/img/without_raduis.png" height="82" width="82" alt="Radius off" title="Without bottom right radius" /></div>
                        <div class="clear"></div>
                    </div>
                    <div class="hide">
                		<input type="radio" class="choose_design" name="design-columns-bottom_right_radius" id="design-columns-bottom_right_radius_on" value="bottom_right_radius" <?php echo ($app->design->columns->bottom_right_radius->type == 'bottom_right_radius') ? 'checked="checked"' : ''; ?> /> <label for="design-columns-bottom_right_radius_on"> With bottom right radius </label> <br />
                		<input type="radio" class="choose_design" name="design-columns-bottom_right_radius" id="design-columns-bottom_right_radius_off" value="none_brr" <?php echo ($app->design->columns->bottom_right_radius->type == 'none_brr') ? 'checked="checked"' : ''; ?> /> <label for="design-columns-bottom_right_radius_off"> Without bottom right radius </label> <br />
                		<input type="hidden" id="design-columns-bottom_right_radius"  class="cssselector"  value="#columns" />
            	   </div>
            	</div>
            </div>
        </div>
    </div>
    
    <div class="config_tool">
        <h3>Block Shadow</h3>
        <div class="block-content">
            <div class="va-content">
            	<div class="selection">
                    <div class="select-design">
                        <div class="design-option<?php echo ($app->design->columns->shadow->type == 'shadow')  ? ' active' : ''; ?> shadow"  id="view-design-columns-shadow_on"><img src="media/img/with_shadow.png" height="82" width="82" alt="Shadow on" title="With shadow" /></div>
                        <div class="design-option<?php echo ($app->design->columns->shadow->type == 'none_s')  ? ' active' : ''; ?> none_s"  id="view-design-columns-shadow_off"><img src="media/img/without_raduis.png" height="82" width="82" alt="Shadow off" title="Without shadow" /></div>
                        <div class="clear"></div>
                    </div>
                    <div class="hide">
                		<input type="radio" class="choose_design" name="design-columns-shadow" id="design-columns-shadow_on" value="shadow" <?php echo ($app->design->columns->shadow->type == 'shadow') ? 'checked="checked"' : ''; ?> /> <label for="design-columns-shadow_on"> With shadow </label> <br />
                		<input type="radio" class="choose_design" name="design-columns-shadow" id="design-columns-shadow_off" value="none_s" <?php echo ($app->design->columns->shadow->type == 'none_s') ? 'checked="checked"' : ''; ?> /> <label for="design-columns-shadow_off"> Without shadow </label> <br />
                		<input type="hidden" id="design-columns-shadow"  class="cssselector"  value="#columns" />
                    </div>
            	</div>
            </div>
        </div>
    </div>
</div>